<template>
   <div>

  <sky-panel title="金额千分位">
    <template v-slot:header>
      <span>此处使用element-plus的输入框测试</span>
    </template>
    <template v-slot:main>

      <div>
        <el-input v-thousands.money="form" v-model.trim="form.money" placeholder="请输入内容"></el-input>
      </div>

    </template>
  </sky-panel>

  <sky-code-panel>
    <div class="prewrap" v-highlight>
      <!-- 使用指令 -->
      <pre>
        <code class="html">

          &lt;el-input 
              v-thousands.money="form"
              v-model.trim="form.money"
              placeholder="请输入内容"
          &gt;&lt;/el-input&gt;
          
        </code>
        <code class="javascript">

          data() {
            return {
              form:{
                money:2222222,
              },
            };
          },
              
        </code>
    </pre>
    </div>
  </sky-code-panel>

   </div>
</template>

<script lang="ts">
  import { defineComponent } from "vue";

  export default defineComponent({
    data() {
      return {
        form: {
           money: 2222222,
        },
      };
    },
    methods: { },
  });
</script>


<style lang="scss" scoped>

</style>